<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../node_modules/layui/src/css/layui.css">
    <script src="../node_modules/layui/src/layui.js"></script>
</head>
<body>
    <!-- <hr>
    <h3>侧边导航</h3> -->
    <!-- layui-nav layui-nav-tree layui-nav-side表示侧边导航 -->
    <ul class="layui-nav layui-nav-tree layui-nav-side layui-bg-green">
        <li class="layui-nav-item"><a href="">最新活动</a></li>
        <li class="layui-nav-item layui-this"><a href="">产品<span class="layui-badge">6</span></a> </li>
        <li class="layui-nav-item"><a href="">大数据</a></li>
        <li class="layui-nav-item">
            <a href="javascript:;">解决方案</a>
            <!-- 二级菜单 -->
            <dl class="layui-nav-child">
                <dd><a href="javascript:;">1</a></dd>
                <dd><a href="javascript:;">1</a></dd>
                <dd><a href="">1</a></dd>
            </dl>
        </li>
    </ul>


    <script type="text/javascript">
        layui.use('element',function(){
            var element = layui.element;
        })
    </script>
</body>
</html>